<template>
<div> 
<ShowExample title="简单按钮">
     <SimpleButton @click="clickBth"></SimpleButton>>
    <SimpleButton>
    <SimpleButton title="传值内容">
    </SimpleButton>
<ShowExample title="列表项封装为组件">
    <toDoList></toDoList>
</ShowExample>
<ShowExample title="完整列表">
    <articleList></articleList>
</ShowExample>
    </div>
</template>
<script>
import articleList from".articleList.vue";
export default{
    props:{
        text:{
            type:String,
            default:"默认值"
        }
    },
    data(){
        return{
            inputVal:''
        };
    },
methods:{
    clickHandler(){
        //console.log('按钮点击事件')
        this.$emit("click")
    }
},
computed:{
    test(){
        return this.inputVal+"1";
    }
}
};
</script>
<style scoped ></style>